{extends file="../home.html"}
{block name="title"}{$head_title}{/block}
{block name="css"}
<!-- <link rel="stylesheet" style="text/css" href="__PUBLIC__/Css/front/user_glb.css?version={$version}"> -->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/front/front_css/refresh_load.css?version={$version}"/>
<style type="text/css">
	body{
    	padding-top:2.2rem;
    }
    #load_wrapper{
    	top:2.2rem;
    }
    .txt_limit_tw{
    	height:auto;
    	line-height:1rem;
    }
    .service_bg dl{
    	width:80%;
    }
</style>
{/block}
{block name="content"}
{include file="../common_header.html"}
<div id="load_wrapper">
<div id="scroller">
<div id="pullDown">
    <span class="pullDownIcon"></span>
</div>
<ul class="clearfix project_type_tab">
    <!--<li class="fl">-->
        <!--<div class="type_tab_box clearfix">-->
            <!--<p class="fl" id="service_type">服务类型</p>-->
            <!--<i class="fl icon icon_screen_default3x icon_up3x"></i>-->
        <!--</div>-->
    <!--</li>-->
    <li class="fl">
        <div class="type_tab_box clearfix">
            <p class="fl" id="territory">地域</p>
            <i class="fl icon icon_screen_default3x icon_up3x"></i>
        </div>
    </li>
</ul>
<!--<div class="project_bg" style="display:none;"></div>-->
    <div class="project_type_list">
        <!--<dl class="project_tab_menu type" style="display:none;">-->
            <!--<dd class="clearfix {if !$service_type_id} active {/if}" data-type_id = "0">-->
                <!--<p class="fl service_type" >全部</p>-->
                <!--<i class="fr icon icon_sele3x"></i>-->
            <!--</dd>-->
            <!--{foreach from =$service_type_list item=type }-->
            <!--<dd class="clearfix {if $service_type_id == $type.service_type_id}active{/if}" data-type_id = "{$type.service_type_id}">-->
                <!--<p class="fl service_type">{$type.service_type_name}</p>-->
                <!--<i class="fr icon icon_sele3x"></i>-->
            <!--</dd>-->
            <!--{/foreach}-->
        <!--</dl>-->
        <dl class="project_tab_menu city_id" style="display:none;">
            <dd class="clearfix " data-city_id ='0' >
                <p class="fl">全部</p>
                <i class="fr icon icon_sele3x"></i>
            </dd>
            {foreach from =$city_list item=city }
            <dd class="clearfix {if $city_id == $city.city_id}active{/if}" data-city_id ="{$city.city_id}">
                <p class="fl">{$city.city_name}</p>
                <i class="fr icon icon_sele3x"></i>
            </dd>
            {/foreach}
        </dl>
    </div>
<div class="fuwu_main">
    <div class="block_title">
        <!--<h6>精选服务商</h6>-->
    </div>
    <ul class="service_list">
        {foreach from =$service_providers_list item = providers}
        <li>
            <a href="/FrontService/providers_detail/service_providers_id/{$providers.service_providers_id}">
                <div class="service_bg_box">
                    <img src="{$providers.poster}" alt="" />
                    <div class="clearfix service_bg">
                        <img src="{$providers.service_providers_logo}" alt="" class="fl" />
                        <dl class="clearfix fl">
                            <dt class="txt_limit">{$providers.service_providers_name}</dt>
                            <dd class="fl">{$providers.service_type_name}</dd>
                            <!-- <dd class="fl">大数据应用</dd> -->
                        </dl>
                    </div>
                </div>
                <p class="txt_limit_tw">{$providers.service_describe}</p>
            </a>
        </li>
        {/foreach}
    </ul>
    <div id="pullUp">
	    <span class="pullUpIcon"></span><span class="pullUpLabel">上拉加载...</span>
	</div>
</div>
</div>
</div>

<a href="javascript:;" onclick="check_user('/FrontService/apply_service_providers')" class="submit_btn">申请成为服务商</a>
<div class="project_bg" style="display:none;"></div>
{/block}
{block name="js"}
<script>
    var type_id = 0;
    var city_id = 0;
    var total =parseInt({$total});
    var firstRow =parseInt({$firstRow});
    var service_type_id =parseInt({$service_type_id});
    var where = '{$search_name}';
</script>
{literal}
<script type="text/javascript" src="__PUBLIC__/Js/front/iscroll.js"></script> 
<script type="text/javascript" src="__PUBLIC__/Js/front/front_js/get_providers_list.js"></script>
<script type="text/javascript" src="__PUBLIC__/Js/front/front_js/providers_circle.js"></script>
        <script type="text/javascript">
                /*$(window).load(function() {
                });*/
            /*$(function()
            {
                $(".service_header i,.service_header span").on("click",function()
                {
                    location.href='/FrontService/service_index';
                });
            });*/
                $("#territory").html($(".city_id").children(".active").children("p").html());
                $("#service_type").html($(".type").children(".active").children("p").html());
                $(".city_id dd").on("click",function(){
                    var html = ($(this).children("p").html());
                    $("#territory").html(html);
                });
                $(".type dd").on("click",function(){
                    var html = ($(this).children("p").html());
                    $("#service_type").html(html);
                });
        </script>
{/literal}
{/block}